.loge {
    display    : flex;
    align-items: center;
}

.logo a {
    display        : block;
    width          : 110px;
    height         : 36px;
    background     : url(../images/logo-2x.png) 3px 7px no-repeat;
    background-size: auto;
    background-size: 105px 19px;
}

.header_nav {
    /* background: #f6f6f8; */
    /* line-height  : 26px; */
    min-width       : 1184px;
    height          : 49px;
    background-color: #202329;
    font-size       : 14px;
    /* display      : flex;
    justify-content : space-around; */
    margin          : 0 auto;
}

.header_left {
    display       : flex;
    flex-direction: row;

}

* {
    margin : 0;
    padding: 0;
}

.nav_list {
    display       : flex;
    /* display    : inline-block;
    white-space   : nowrap;
    vertical-align: top; */
    color         : white;
    /*设置字体颜色*/
    align-items   : center;
    margin-left   : 10px;
}

.nav_list_item {
    font-size        : 14px;
    display          : flex;
    margin-left      : 15px;
    padding          : 5px;
    /* position      : relative; */
}

.select {
    color: #00d7c6;
    /*字体变色*/
}

.nav_list_item a:hover {
    /*hover鼠标悬停事件*/
    color: #00d7c6;
}

/* .selection {
    color: #fff;
    background: #00d7c6;
} */
.switch_city {
    display    : flex;
    color      : white;
    /*设置字体颜色*/
    align-items: center;
    margin-left: 18px;
    /*外间距*/
}

.inner_box {
    height             : 49px;
    width              : 1184px;
    /*上下  左右_平均auto*/
    margin             : 0 auto;
    /* background-color: rgb(0, 255, 200); */
    display            : flex;
    align-items        : center;
    justify-content    : space-between;
}

.header_right {
    display       : flex;
    align-items   : center;
    flex-direction: row-reverse;
    margin-right  : 20px;
}

/*设置头部栏的右边*/
.header_right button {
    width        : 50px;
    height       : 25px;
    border-radius: 20px;
    font-size    : 13px;
    color        : rgba(249, 248, 248, 1.00);
    background   : none;
    /*边框厚度 颜色 显示*/
    border       : 1px rgb(0, 255, 213) double;
    /*文字颜色*/
    color        : white;
}

.hot {
    display         : flex;
    color           : white;
    width           : 30px;
    height          : 14px;
    font-size       : 12px;
    background-color: #EF505E;
    border-radius   : 7px;
    top             :8px;
    right           : 600px;
    align-items     : center;
    justify-content : center;
    /*绝对定位*/
    position        : absolute;

}

/* .header_register {
    font-size  : 14px;
    display    : flex;
    margin-left: 17px;
    padding    : 11px;
} */


/*=========注册条===========*/
.fast_register_box {
    /* min-width       : 1084px;
    height          : 120px; */
    background-color: #5DD5C8;
    font-size       : 14px;
    display         : flex;
    margin          : 0 auto;
}

.inner_home {
    display: flex;
    height : 120px;
    width  : 1084px;

    align-items    : center;
    margin         : 0 auto;
    justify-content: space-between;
}

.inner_home .icon_tip {
    float          : left;
    height         : 120px;
    margin         : 0 35px 0 0;
    justify-content: space-around;
}

.inner_register_right {
    display        : flex;
    float          : right;
    height         : 100px;
    width          : 427px;
    flex-direction : column;
    align-items    : center;
    justify-content: space-around;
}

.inner_home .icon_reg {
    height: 26px;
    width : 255px;
}

.input_phone {
    width          : 427px;
    height         : 38px;
    display        : flex;
    flex-direction : row;
    justify-content: space-around;

}

.input_phone input {
    width        : 100px;
    /* height    : 36px; */
    font-size    : 12px;
    /* padding   : 6px 10px 5px 10px; */
}

.ipt_get {
    /* justify-content: space-between; */
    width           : 160px;
    position        : relative;
    background-color: #fff;
}

.ipt_get input {
    /* justify-content: space-between; */
    width           : 120px;
    height          : 38px;
    background-color: #fff;
    border          : 0;
}

.get {
    /* color: #5DD5C8; */
    color          : red;
    float          : right;
    position       : absolute;
    top            : 9px;
    right          : 10px;
    /* margin-right: 15px; */

}

/*登录/注册按钮*/
.login_btn {
    background: none;
    /*边框厚度 颜色 显示*/
    border    : 1px white double;
    /*文字颜色*/
    color     : white;
    width     : 82px;
    height    : 38px;
}


/*=========搜索框===========*/
.search_box {
    /* min-width       : 1184px;
    height             : 131px; */
    display         : flex;
    background-color: #F6F6F8;
    margin          : 0 auto;
}

.search_home {
    display    : flex;
    min-width  : 1184px;
    height     : 131px;
    align-items: center;

    margin         : 0 auto;
    justify-content: space-around;
}

.search_inner_center {
    margin        : 0 auto;
    display       : flex;
    min-width     : 934px;
    height        : 111px;
    /* align-items: center; */
    flex-direction: column;

}

.search_inner_center_top {
    display        : flex;
    /* align-items : center; */
    flex-direction : row;
    justify-content: space-around;
}

.search_inner_center input {
    font-size       : 16px;
    /* padding      : 10px 20px; */
    width           : 615px;
    height          : 50px;
    /* background   : none; */
    /*边框厚度 颜色 显示*/
    border          : 0px white none;
}

.search_ipt {
    display        : flex;
    flex-direction : row;
    justify-content: space-around;
    border         : 0px rgb(255, 255, 255) double;
}

.search_ipt:hover {

    border: 2px rgb(0, 255, 213) double;

}

.search_ipt {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.search_ipt button {
    width           : 130px;
    height          : 50px;
    font-size       : 16px;
    color           : #94687C;
    background-color: white;
    border          : 0px white none;
}

.btn_search {
    width           : 140px;
    height          : 50px;
    background-color: #5DD5C8;
    color           : white;
    border          : 0;
}

.btn_search:hover {
    opacity: 0.8;
}

.search_hot {
    display   : flex;
    float     : left;
    top       : 10px;
    /* width  : 794px;
    height    : 41px; */
}

.nav_list_search {
    font-size        : 14px;
    display          : flex;
    margin-left      : 15px;
    padding          : 10px 6px 0 0;
    /* align-items   :center */
    /* position      : relative; */
}

.search {
    color: #00d7c6;
}




/*=========导航===========*/
.nav {
    display            : flex;
    margin             : 0 auto;
    /* background-color: #c07798; */
}

.nav_box {
    width           : 1200px;
    background-color: #F6F6F8;
    margin          : 0 auto;
    flex-direction  : row;
    display         : flex;
    align-items     : center;
    justify-content : space-between;

}

.nav_left {
    height          : 340px;
    width           : 375px;
    background-color: #FFFFFF;
    box-shadow      : 0 2px 12px 0 rgba(0, 0, 0, 0.1)
}

.nav_item {
    display        : flex;
    flex-direction : column;
    justify-content: space-around;
    margin         : 0 auto;
}

.item_content {
    /* margin-left: 5px;
    margin-top: 5px; */
    padding : 15px;
    /*绝对定位,让下面的面板参考*/
    position: relative;
}

.item_content:hover {
    background-color   : #00d7c6;
    /* color           : white; */
}

.item_content:hover .panel {
    display: block;
}

.item_text {
    font-size  : 14px;
    margin-left: 20px;
}

.arrow {
    float: right;
}

.panel {
    width                 : 500px;
    /* height             : 200px; */
    height                : auto;
    background-color      : white;
    display               : none;
    /*位置*/
    position              : absolute;
    top                   : 0;
    right                 : -540px;
    box-shadow            : 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    padding               : 15px;
}

.panel_title {
    font-weight: bold;
    height     : 25px;

}

.panel_content {
    display: flex;
}

.item_title {
    /* width: 250px; */
    min-width: 120px;
}

.item_content_new {
    display       : flex;
    flex-wrap     : wrap;
    padding       : 0;
    flex-direction: row;
}

.panel_item {
    height   : 25px;
    padding  : 5px;
    font-size: 13px;
}





.nav_right {
    height         : 345px;
    width          : 790px;
    float          : right;
    display        : flex;
    justify-content: space-between;
    padding        : 5px;
}

.nav_right_img1 {
    flex-direction : column;
    justify-content: space-around;
}

/*悬停模糊代码,模糊度80%*/

.nav_right_img1 div:hover {
    /*
filter 设置平台IE半透明效果样式，值1-100，值越小越透明，设置IE8以前的透明使用
opacity 设置IE半透明效果样式，值0.1-1，值越小越透明，设置IE8以后版本的透明使用
-moz-opacity 对非IE浏览器设置，比如火狐，语法与IE相同
*/
    filter      : alpha(Opacity=80);
    -moz-opacity: 0.8;
    opacity     : 0.8;
}

.nav_right_img2 {
    flex-direction: column;
}

.nav_right_img2 div:hover {
    filter      : alpha(Opacity=80);
    -moz-opacity: 0.8;
    opacity     : 0.8;
}




/*=======================================*/

.hot_job_home {
    width            : 1184px;
    margin           : 0 auto;
    /* flex-direction:column;
    justify-content  :center; */
}

.hot_job_title {
    display        : flex;
    justify-content: center;
    align-items    : center;
}

.hot_job_title div {
    font-size   : 24px;
    font-family : 'Courier New', Courier, monospace;
    color       : #414A60;
    margin-left : 10px;
    margin-right: 10px;
}

.line1 {
    height          : 1px;
    width           : 150px;
    background-color: #E5EFE5;
}

/*热招职业分类*/
.hot_nav {
    /* height          : 50px; */
    width              : 1184px;
    background-color   : rgb(194, 218, 233);
    display            : flex;
    color              : #8D92A1;
    justify-content    : space-around;
    /* align-items     : center; */
    padding            : 20px 0px;
    margin-top         : 10px;
    padding-bottom     : 0;
}

.hot_nav_text {
    font-weight   : bold;
    color         : #13C6B9;
    border-bottom : 3px solid #13C6B9;
    padding-bottom: 10px;
}

/*==========热门职位=========*/
.hot_list {
    background-color: #F6F6F8;
    box-shadow      : 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    width           : 1184px;
    display         : flex;
    flex-wrap       : wrap;
    /* padding      : 10px 10px; */
}

.hot_item {
    box-shadow      : 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    background-color: white;
    padding         : 10px 6px;
    width           : 370px;
    height          : 110px;
    margin          : 4px 6px;
}

.hot_item :hover {
    /* filter      : alpha(Opacity=80);
    -moz-opacity: 0.8;
    opacity     : 0.8; */
    /* background-color: #00d7c6; */
}

.hot_item_box :hover {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.hot_price {
    float    : right;
    color    : #FD7848;
    font-size: 14px;
}

.hot_name {
    margin-bottom: 10px;
}

/*用div直接画线*/
.v-line {
    height          : 16px;
    width           : 1px;
    background-color: #8D92A1;
    /*上下间隔0 左右6px*/
    margin          : 0 6px;
}

.hot_note {
    display    : flex;
    align-items: center;
    color      : #A2A6B2;
    font-size  : 14px;

}

/*分割线*/
.line {
    height          : 1px;
    background-color: #A2A6B2;
    margin          : 16px 0;
}


.hot_company {
    display       : flex;
    font-size     : 15px;
    align-items   : center;
    flex-direction: row;
}

.hot_company img {
    width       : 30px;
    height      : 30px;
    margin-right: 5px;
    margin-top  : -7px;
}

.hot_company_name {
    font-size: 14px;
}

.hot_company_new {
    display        : flex;
    flex-direction : row;
    justify-content: space-between;
    margin         : 0 10px;
    font-size      : 13px;
    color          : #A2A6B2;
}

.btn_hot_job {
    display        : flex;
    justify-content: center;
    align-items    : center;
    margin         : 20px;
}

.btn_hot_job button {
    width           : 218px;
    height          : 34px;
    background-color: #5DD5C8;
    color           : white;
    border          : 0;

}

.btn_hot_job button:hover {
    opacity: 0.8;
}



/*=======热门企业======*/
.box_hot_firm {
    display        : flex;
    justify-content: center;
}

.hot_firm_home {
    /* background-color: #ffffff;
    box-shadow      : 0 2px 12px 0 rgba(0, 0, 0, 0.1); */
    width              : 1184px;
    display            : flex;
    /* flex-wrap       : wrap; */
    flex-direction     : column;
    justify-content    : center;
}

.hot_firm_list {
    display         : flex;
    flex-wrap       : wrap;
    background-color: #F6F6F8;
    box-shadow      : 0 2px 12px 0 rgba(0, 0, 0, 0.1);

}

.firm_item {
    background-color: white;
    width           : 284px;
    height          : 238px;
    display         : flex;
    flex-direction  : column;
    align-items     : center;
    justify-content : space-around;
    margin          : 4px 6px;
}

.firm_item:hover {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.firm_img {
    display           : flex;
    -moz-border-radius: 20px;
}

.firm_img img {
    border-radius: 20px;
}

.firm_text {
    align-items   : center;
    flex-direction: row;
    font-size     : 13px;
}

.firm_hot_title {
    color    : #4e525e;
    font-size: 14px;
}

.firm_hot_title:hover {
    color: #00d7c6;
}


.firm_hot_job {
    display        : flex;
    width          : 180px;
    height         : 34px;
    border         : 1px rgb(173, 173, 173) double;
    justify-content: center;

}

.firm_hot_job span {
    color: #00d7c6;


}

.firm_hot_job div {
    margin-top: 4px;

}

.firm_hot_job :hover {
    border: 1px rgb(93, 213, 200) double;
}